<meta charset="utf-8">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GNR8WM6SC0"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());

  gtag('config', 'G-GNR8WM6SC0');
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{ site.description }}">
<meta name="referrer" content="strict-origin-when-cross-origin">
<meta property="og:type" content="website">
<meta property="og:site_name" content="{{ site.name }}">
<meta property="og:title" content="{% if title != 'Home' %}{{ title }} | {% endif %}{{ site.name }}">
<meta property="og:description" content="{{ site.description }}">
<meta property="og:image" content="{{ site.shareImage }}">
{% if page.url != '/404.html' %}
<meta property="og:url" content="{{ site.url }}{{ page.url }}">
<link rel="canonical" href="{{ site.url }}{{ page.url }}">
{% endif %}
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">
<script>
  (function () {
    try {
      const stored = localStorage.getItem('theme');
      const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
      const useDark = stored ? stored === 'dark' : prefersDark;
      if (useDark) {
        document.documentElement.classList.add('darkmode-active');
      }
    } catch (e) {
    }
  })();
</script>
<link rel="stylesheet" href="/vendor/css/coloris.min.css">
<link rel="stylesheet" href="/css/styles.css">
<title>{% if not main %}{{ title }} | {% endif %}{{ site.name }}</title>
